<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>NavigationFrame</title>
    <link rel="stylesheet" href="/H5DemoCode/staticResource/common/layout.css">
    <style>
      p a {
        box-sizing: border-box;
        display: block;
      }
      nav a {
        line-height: 30px;
        text-align: left;
      }
      a:hover {
        background-color: #a4cfee;
        transform: scale(1,1);
        color: #95b424;
      }
    </style>
  </head>
  <body>
    <nav>
      <p>
        <a href="/H5DemoCode/staticResource/htmlTags/htmlTagsIndex.html" target="ContentFrame">html标签</a>
        <a href="/H5DemoCode/staticResource/cssattr/cssattrindex.html" target="ContentFrame">css样式</a>
        <a href="/H5DemoCode/staticResource/JavaScript/javaScriptIndex.html" target="ContentFrame">JavaScript脚本</a>
        <a href="/H5DemoCode/staticResource/jquerySection/jqueryIndex.html" target="ContentFrame">JQuery</a>
        <a href="/H5DemoCode/staticResource/geo_cache/section8Index.html" target="ContentFrame">定位与存储</a>
        <a href="/H5DemoCode/staticResource/canvas/canvasIndex.html" target="ContentFrame">Canvas入门</a>
        <a href="/H5DemoCode/staticResource/game/gameIndex.html" target="ContentFrame">自制小游戏</a>
        <a href="/H5DemoCode/staticResource/demo/demoIndex.html" target="ContentFrame">一些例子</a>
        <a href="https://www.w3school.com.cn/" target="ContentFrame"
          >w3school</a
        > <a href="https://www.runoob.com/" target="ContentFrame"
          >菜鸟教程</a
        >
      </p>
    </nav>
  </body>
</html>
